<template >
  <div>
    <brand></brand>
    <el-card>
      <el-card class="Hys_card">
        <!-- 点击添加用户弹出模态框 然后给这个按钮绑定个事件 将这个事件设置为ture  之后在data里定义数据对象
        更改组件里面的内容-->
        <el-button type="success">添加用户</el-button>
        <el-table-column label="商品 ID" prop="id"></el-table-column>
        <el-table-column label="角色名称" prop="roleName"></el-table-column>
        <el-table-column label="角色描述" prop="roleDesc"></el-table-column>
        <el-table-column label="操作" width="300">
          <template v-slot="scope">
            <!-- 修改按钮 -->
            <el-button size="mini" type="primary" icon="el-icon-edit" @click="compile(scope.row)">编辑</el-button>
            <!-- 删除按钮 -->
            <el-button
              type="danger"
              icon="el-icon-delete-solid"
              size="mini"
              @click="deleteIDs(scope.row)"
            >删除</el-button>
            <!-- 设置按钮 -->
            <el-button
              size="mini"
              type="warning"
              icon="el-icon-s-tools"
              @click="show(scope.row)"
            >分配权限</el-button>
          </template>
        </el-table-column>
      </el-card>
    </el-card>
  </div>
</template>
<script>
import brand from "../Bread";
export default {
  components: {
    brand,
  },
  data() {
    return {};
  },
};
</script>
<style lang="scss" scoped>
</style>